<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes" /> 
  <title>评估详情</title>
  <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css" media="screen" type="text/css" />
    <script src="js/modernizr.js"></script>
</head>
<body>


<input  type="hidden"  id="acquirePrice" value="${acquirePrice!}" />
<input  type="hidden"  id="personalTradingPrice" value="${personalTradingPrice!}" />
<input  type="hidden"  id="saledPrice" value="${saledPrice!}" />
<div class="charts-container cf">
  <div class="chart" id="graph-1-container">
    <h2 class="title">价格列表</h2>
    <div class="chart-svg">
      <svg class="chart-line" id="chart-1" viewBox="0 0 80 40">
        <defs>
          <clipPath id="clip" x="0" y="0" width="80" height="40" >
            <rect id="clip-rect" x="-80" y="0" width="77" height="38.7"/>
          </clipPath>

        <linearGradient id="gradient-1">
            <stop offset="0" stop-color="#00d5bd" />
            <stop offset="100" stop-color="#24c1ed" />
        </linearGradient>

        <linearGradient id="gradient-2">
            <stop offset="0" stop-color="#954ce9" />
            <stop offset="0.3" stop-color="#954ce9" />
            <stop offset="0.6" stop-color="#24c1ed" />
            <stop offset="1" stop-color="#24c1ed" />
        </linearGradient>

        <linearGradient id="gradient-3" x1="0%" y1="0%" x2="0%" y2="100%">>
        
            <stop offset="0" stop-color="rgba(0, 213, 189, 1)" stop-opacity="0.07"/>
            <stop offset="0.5" stop-color="rgba(0, 213, 189, 1)" stop-opacity="0.13"/>
            <stop offset="1" stop-color="rgba(0, 213, 189, 1)" stop-opacity="0"/>
        </linearGradient>

        <linearGradient id="gradient-4" x1="0%" y1="0%" x2="0%" y2="100%">>
            <stop offset="0" stop-color="rgba(149, 76, 233, 1)" stop-opacity="0.07"/>
            <stop offset="0.5" stop-color="rgba(149, 76, 233, 1)" stop-opacity="0.13"/>
            <stop offset="1" stop-color="rgba(149, 76, 233, 1)" stop-opacity="0"/>
        </linearGradient>

    </defs>
      </svg>

    </div>
    <div class="chart-values">
      <p class="h-value" style=" font-size: small;line-height:150%">收购价格：${(acquirePrice)!}万元</p>
      <p class="h-value" style=" font-size: small;">个人交易价格：${(personalTradingPrice)!}万元</p>
      <p class="h-value" style=" font-size: small;line-height:150%">卖出价格：${(saledPrice)!}万元</p>
    </div>
    <div class="triangle green"></div>
  </div>
  <#if  priceArea?? >
    <#list priceArea as item>
      <div class="chart circle chart-pies" id="circle_${(item_index)!}" data-price="${(item.price)!}">
        <h2 class="title">地区：${(item.area)!}</h2>
        <div class="chart-svg align-center">
          <h2 class="circle-percentage"></h2>
          <svg class="chart-circle" id="chartss_${(item_index)!}" width="50%" viewBox="0 0 100 100">
              <path class="underlay" d="M5,50 A45,45,0 1 1 95,50 A45,45,0 1 1 5,50"/>
          </svg>
        </div>
          <#if  item_index==0  >
              <div class="triangle red"></div>
              <#elseif item_index==1>
                  <div class="triangle red"></div>
             <#elseif item_index==2>
                 <div class="triangle blue"></div>
               <#elseif item_index==3>
                   <div class="triangle blue"></div>
                   <#elseif item_index==4>
                       <div class="triangle blue"></div>
                 <#else>
                     <div class="triangle blue"></div>
          </#if>
      </div>
    </#list>
  </#if>
</div>
<div class="n-footer" style="color:#9d9d9d;line-height:1.5;text-align:center;padding:40px 0;">
<p class="nf-intro" style="padding:10px;"><span>Copyright&copy;<a href="#" target="_blank" style="text-decoration: none;color:#e84c3d;">中国鞋包网</a> All Rights Reserved 
(2016-2020) 版权所有</span></p>
 </div>

  <script src='js/jquery.js'></script>
  <script src='js/snap.svg-min.js'></script>

  <script src="js/index.js"></script>

</body>

</html>